<template>
    <el-container>
        <PageHeader/>
        <el-main>
            <el-row class="sideBtn">
                <SideBtn/>
            </el-row>
            <router-view></router-view>
        </el-main>
        <el-footer>
            <PageFooter/>
        </el-footer>
    </el-container>
</template>

<script lang="ts">
    import {Vue, Component} from 'vue-property-decorator'
    import PageHeader from '@component/common/PageHeader.vue';
    import PageFooter from '@component/common/PageFooter.vue';
    import { mapActions } from 'vuex';
    import SideBtn from '@/component/common/SideBtn.vue'

    @Component({
        components: {
            PageHeader,
            PageFooter,
            SideBtn
        },
        methods: {
            ...mapActions([
                'getMessageNumber',
                'getAllTips'
            ])
        }
    })
    export default class Index extends Vue {
        mounted () {
            this.getMessageNumber();
            this.getAllTips();
        }
    }

</script>

<style lang="scss" scoped>
    .el-container{
        min-height: 100%;
        .el-main{
            min-height: calc(100% - 320px);
            padding-top: 96px;
        }
        .sideBtn{
            position: fixed;
            top: 50%;
            margin-top: -125px;
            right: 0px;
            z-index: 1000;
        }
    }
</style>
<style lang="scss">
    label.el-form-item__label,.el-radio__label{
        // font-size: 16px !important;
        color: $__color-label;
    }
</style>